/*
  学习目标：hooks版-受控组件
*/

// rfc
import React from 'react';
import { useControl } from './hooks/useControl';

export default function App() {
  const { value, onChange } = useControl();
  const password = useControl();

  return (
    <div>
      <input
        type="text"
        // 1. 表单元素的value或checked, 受state控制
        value={value}
        // 2. onChange配合setState修改数据
        onChange={onChange}
      />

      <input
        // onChange={password.onChange}
        // value={password.value}
        {...password} // 复制所有的键值对,到组件的属性中
        type="text"
        placeholder="输入密码"
      />
    </div>
  );
}
